<template>
	<view class="item d-flex">
		<text class="item_title mb-30">个人风险报告</text>
		
		<view class="item_msg d-flex mb-50">
			<view class="item_info d-flex mb-5">
				<text class="item_info_name item_describe bold">查询人： *振</text>
				<text class="item_info_money item_describe bold">39.80</text>
			</view>
			
			<text class="item_describe mb-5">手机号： 13710080529</text>
			<text class="item_describe mb-5">报告生成时间： 2024-10-27 12:08</text>
			<text class="item_describe">报告有效期剩余天数： 22天</text>
		</view>
		
		<view class="item_footer d-flex">
			<uv-button type="error" class="mr-60">删除</uv-button>
			<uv-button type="primary">查看详情</uv-button>
		</view>
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
.item {
	padding: 25rpx;
	margin: 25rpx;
	flex-direction: column;
	background-color: #fff;
	border-radius: 18rpx;
	box-shadow: 0 0 10rpx rgba(0, 0, 0, .1);
	
	&_info {
		align-items: center;
		justify-content: space-between;
		
		.item_describe {
			color: #333
		}
	}
	
	&_msg {
		flex-direction: column;
	}
	
	&_describe {
		color: #959CA2;
		font: {
			size: 25rpx;
		}
	}
	
	&_footer {
		align-items: center;
		justify-content: center;
		
		.uv-button-wrapper {
			width: 150rpx;
			height: 60rpx;
			
			::v-deep {
				.uv-button {
					border-radius: 4rpx;
					font: {
						size: 22rpx
					}
				}
			}
		}
	}
}
</style>
